<template>
  <el-button @click="openDialog">dialog confirm</el-button>
  <op-dialog-confirm
    ref="dialogRef"
    @close="close"
    @open="open"
    @confirm="dialogConfirm"
    confirmLabel="Submit"
  ></op-dialog-confirm>
</template>
<script setup>
const props = defineProps({});
const emits = defineEmits([]);

const dialogRef = $ref();

// const list = [
//   { prop: 'cancel', label: 'Cancel', type: '' },
//   { prop: 'confirm', label: 'Submit', type: 'primary' },
// ];

const init = () => {};

const openDialog = () => {
  dialogRef.init();
};

const close = () => {
  console.log('close');
};

const open = () => {
  console.log('open');
};

const dialogConfirm = row => {
  console.log('dialogConfirm', row);
};
</script>
<style lang="scss" scoped></style>
